<!DOCTYPE html >
<html xmlns:th="http://www.thymeleaf.org" xmlns:tiles="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <title>增加物资</title>
    <link type="text/css" rel="stylesheet" th:href="@{/css/page.css}"/>
    <script type="text/javascript" th:src="@{/js/jquery/jquery-3.3.1.js}"></script>
    <!-- validation -->
    <script type="text/javascript" th:src="@{/js/jquery/jquery.validate.js}"></script>
    <!-- layer -->
    <link type="text/css" rel="stylesheet" th:href="@{/plug/layui/css/layui.css}"/>
    <script type="text/javascript" th:src="@{/plug/layui/layui.js}" charset="utf-8"></script>

    <link type="text/css" rel="stylesheet" th:href="@{/js/layer/skin/layer.css}"/>
    <script type="text/javascript" th:src="@{/js/layer/layer.js}"></script>

    <style type="text/css">

        .need_span {
            color: red;
            display: none;
        }

        .need_0, .validation_span {
            color: red;
        }

        .need_1 {
            color: #666666;
        }

        .input_0 {
            width: 200px;
        }

        .form_table td {
            padding: 5px;
        }

        .text_ad_0 {
            font-weight: bold;
            color: #444444;
            white-space: nowrap;
        }
    </style>

    <script type="text/javascript" th:inline="javascript">

        layui.use('laydate', function () {
            var laydate = layui.laydate;

            //执行一个laydate实例
            laydate.render({
                elem: '#userBirthday' //指定元素
            });
        });

        function getTime(val) {
            if (val) {
                val = val.split("T");
                return val[0];
            }
            return "";
        }

        //要回显的对象  全局的
        var manageMaterial = [[${materialOject}]];

        $(function () {
            $(".re_password").hide();

            //修改
            $(".top_page_name").text("修改物资");

            //回填值
            console.log(manageMaterial);
            $("#name").val(manageMaterial.name);
            $("#count").val(manageMaterial.count);
            $("#price").val(manageMaterial.price);
            $("#fromplace").val(manageMaterial.fromplace);
            $("#description").val(manageMaterial.description);
            //$(":radio[name='userSex'][value='"+manageUser.userSex+"']").attr("checked", "checked");

            //开始验证
            $('form').validate({
                submitHandler: function () {
                    save();
                }
            });

            //返回按钮
            $("#backBtu").click(function () {
                layer.confirm('确认返回吗？', {icon: 3, title: '提示'}, function (index) {
                    parent.layer.closeAll();
                });
            });
        });

        function closeSelf() {
            var i = layer.getFrameIndex();
            layer.close(i);
        }

        //保存
        function save() {
            var param = new Object();
            param.name = $.trim($("#name").val());
            param.count = $.trim($("#count").val());
            param.price = $.trim($("#price").val());
            param.fromplace = $.trim($("#fromplace").val());
            param.description = $.trim($("#description").val());

            var urlStr = "/material-api/update";
            //修改
            param.id = manageMaterial.id; //要更新ID

            if (param.name == "" || param.count == "" || param.price == "" || param.from == "") {
                layer.confirm('请填写必填项!', {icon: 2, title: '提示'});
            } else {
                layer.confirm('确认保存吗？', {icon: 3, title: '提示'}, function (index) {
                    $.ajax({
                        type: "PUT",
                        async: true,  //默认true,异步
                        data: param,
                        url: urlStr,
                        success: function (result) {
                            console.log(result);
                            if (result.code == 200) {
                                layer.alert('保存成功！', {icon: 1}, function (indexOk) {
                                    parent.search();
                                    parent.$("#add_iframe iframe").attr("src", "");
                                    parent.$("div").first().show();
                                    parent.$("#add_iframe").hide();
                                    parent.layer.closeAll();
                                });
                            } else {
                                layer.alert('更新失败！', {icon: 2}, function (indexNo) {
                                    parent.layer.closeAll();
                                });
                            }
                        }
                    });
                });
            }
        }

    </script>
</head>
<body>
<div style="margin-left:15px; height: 400px;">
    <div class="first_div" style="border:none;">
        <div id="adListDiv" align="left">
            <form>
                <table class="form_table" style="border-collapse: collapse;margin-left:20px;margin-top:10px;">

                    <tr>
                        <td align="right">
                            <span class="need_0">*</span>
                            <span class="text_ad_0">物资名：</span>
                        </td>
                        <td>
                            <input id="name" type="text" name="name" class="input_0"/>
                            <span class="validation_span"></span>
                        </td>
                    </tr>

                    <tr>
                        <td align="right">
                            <span class="need_0">*</span>
                            <span class="text_ad_0">数量：</span>
                        </td>
                        <td>
                            <input id="count" type="text" name="count" class="input_0"/>
                            <span class="validation_span"></span>
                        </td>
                    </tr>

                    <tr>
                        <td align="right">
                            <span class="need_0">*</span>
                            <span class="text_ad_0">单价：</span>
                        </td>
                        <td>
                            <input id="price" type="text" name="price" class="input_0"/>
                            <span class="validation_span"></span>
                        </td>
                    </tr>

                    <tr>
                        <td align="right">
                            <span class="need_0">*</span>
                            <span class="text_ad_0">来源：</span>
                        </td>
                        <td>
                            <input id="fromplace" type="text" name="fromplace" class="input_0"/>
                            <span class="validation_span"></span>
                        </td>
                    </tr>

                    <tr style="">
                        <td align="right">
                            <span class="need_0"></span>
                            <span class="text_ad_0">描述：</span>
                        </td>
                        <td>
                            <textarea id="description" name="description"  rows="20" cols="80"></textarea>

                            <span class="validation_span"></span>
                        </td>
                    </tr>

                    <tr>
                        <td colspan="2" align="left">
                            <div style="margin-top:10px;margin-bottom:20px;margin-left:120px;">
                                <input type="submit" class="layui-btn" lay-submit="" lay-filter="add" id="saveBtu"
                                       name="saveBtu" value="保存" style=""/>
                                <input type="button" class="layui-btn" lay-submit="" lay-filter="add" id="backBtu"
                                       name="backBtu" value="返回" style="margin-left:20px;"/>
                            </div>
                        </td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
</div>
</body>
</html>